<template>
  <div class="app">
    <!-- <ul>
      <li><router-link to="/news"> 新闻</router-link></li>
      <li><router-link to="/play"> 娱乐</router-link></li>
       <li><router-link to="/login"> 登录</router-link></li>
    </ul> -->

    <!-- 占位符 -->


<Header></Header>

<div class="main">
 <LeftNav></LeftNav>

  <router-view></router-view>

</div>

   


    <Footer></Footer>
  </div>
</template>

<script>

import  Header from './components/Header.vue'
import  Footer from './components/Footer.vue'

import  LeftNav from './components/LeftNav.vue'
export default {


components:{
  Header,
  Footer,
  LeftNav
 

}

};
</script>

<style  scoped>

* {
    margin: 0;
    padding: 0;
}

.main {
    display: flex;
}

</style>
